<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr">
 <head> 
  <title>Aollaa</title> 
  <meta name="robots" content="noodp,noydir"> 
  <meta name="description" content="As a leading Chinese trading company and third party inspection agency in China, we supply quarantine high quality China products at competitive price."> 
  <meta name="keywords" content="chinese trading company, china buying agent, procurement agent, sourcing agent china, inspection company china, china buying office"> 
  <link href="css/stylesheet.css" title="Aollaa" rel="stylesheet" type="text/css" media="screen"> 
  <link href="css/my.css" title="Aollaa" rel="stylesheet" type="text/css" media="screen"> 
  <script type="text/javascript" src="js/allscripts.js"></script> 
  <script type="text/javascript" src="js/jquery-gallery.js"></script> 
  <link rel="shortcut icon" href="favicon.ico"> 
 </head> 
 <body> 
  <div id="master_wrapper"> 
   <div id="header"> 
    <div class="flashcontent"> 
     <a href="index.html" class="left"> <img id="logoimg" src="images/tm.png" width="124" height="100" alt="chinese trading company" border="0"> </a> 
    </div> 
    <div id="top_links"> 
     <div class="right"> 
        <a style="margin-right:10px" id="telshow"></a> 
      <!-- <a href="#1"  style="margin-right:10px">Languages</a>  -->
      <!-- <a href="#2" ><img src="images/facebook.gif" width="20" height="20" alt="Find us on Facebook" name="facebook" border="0" id="facebook" title="Find us on Facebook"></a> 
      <a href="#3" ><img src="images/twitter.gif" width="20" height="20" alt="Follow us on Twitter" name="twitter" border="0" id="twitter" title="Follow us on Twitter"></a> 
      <a href="#4" ><img src="images/google.png" width="20" height="20" alt="Follow us on Google Plus" name="google" border="0" id="google" title="Follow us on Google Plus"></a> 
      <a href="#5" ><img src="images/pinterest.png" width="20" height="20" alt="Follow us on Pinterest" name="pinterest" border="0" id="pinterest" title="Follow us on Pinterest"></a> 
      <a href="#6" ><img src="images/linkedin.png" width="20" height="20" alt="Follow us on Linkedin" name="linkedin" border="0" id="linkedin" title="Follow us on Linkedin"></a>  -->
     </div> 
    </div> 
    <ul id="nav"> 
     <li> <a href="index.html">HOME</a><span>|</span> </li> 
     <li> <a href="chinese-trading-company.html" class="active">ABOUT US</a><span>|</span> </li> 
     <li> <a href="china-product-sourcing-services.html">OUR SERVICES</a><span>|</span> </li> 
     <li> <a href="sourcing-products-from-china.html">CHINA PRODUCTS</a><span>|</span> </li> 
     <li> <a href="best-china-sourcing-company.html">WHY US</a><span>|</span> </li> 
     <!-- <li> <a href="how-to-import-from-china.html">GET STARTED</a><span>|</span> </li>  -->
     <li> <a href="import-direct-from-china.html">CONTACT US</a><span>|</span> </li> 
     <!-- <li> <a href="http://www.aollaaltd.com/china-importing/" >BLOG</a> </li>  -->
    </ul> 
   </div> 
   <div id="header_img"> 
    <div class="home_block"> 
     <div class="home_block_contain"> 
      <div class="block_contain1"> 
       <div class="block_1"> 
        <div class="block_1_pic" id="slide11backimg" style="background:url('images/slide21.jpg') top left no-repeat;"> 
        </div> 
        <a href="mrscss/styleswitcher.php?SETSTYLE=0" class="block_1_in" style="background:url('images/block_21_in.png') top left no-repeat;" title="Trading Company"><span>1</span></a> 
        <div class="block_1_view"> 
         <span> </span> 
         <div class="content"> 
            <h1 id="slide11h1"> </h1> 
            <p id="slide11p1" class="hh"></p>
          </div> 
        </div> 
       </div> 
      </div> 
      <div class="block_contain2"> 
       <div class="block_2"> 
        <div class="block_2_pic" id="slide12backimg" style="background:url('images/slide22.jpg') top left no-repeat;"> 
        </div> 
        <a href="mrscss/styleswitcher.php?SETSTYLE=1" class="block_2_in" style="background:url('images/block_22_in.png') top left no-repeat;" title="Buying Agent"><span>2</span></a> 
        <div class="block_2_view"> 
         <span> </span> 
         <div class="content">  
            <h2 id="slide12h1"> </h2> 
            <p id="slide12p1" class="hh"></p>
           </div> 
        </div> 
       </div> 
      </div> 
      <div class="block_contain3"> 
       <div class="block_3"> 
        <div class="block_3_pic" id="slide13backimg" style="background:url('images/slide23.jpg') top left no-repeat;"> 
        </div> 
        <a href="mrscss/styleswitcher.php?SETSTYLE=2" class="block_3_in" style="background:url('images/block_23_in.png') top left no-repeat;" title="Inspection Company"><span>3</span></a> 
        <div class="block_3_view"> 
         <span> </span> 
         <div class="content"> 
            <h2 id="slide13h1"> </h2> 
            <p id="slide13p1" class="hh"></p>
           </div> 
        </div> 
       </div> 
      </div> 
      <div class="block_contain4"> 
       <div class="block_4"> 
        <div class="block_4_pic" id="slide14backimg" style="background:url('images/slide24.jpg') top left no-repeat;"> 
        </div> 
        <a href="mrscss/styleswitcher.php?SETSTYLE=3" class="block_4_in" style="background:url('images/block_24_in.png') top left no-repeat;" title="Export Agent"><span>4</span></a> 
        <div class="block_4_view"> 
         <span> </span> 
         <div class="content"> 
            <h2 id="slide14h1"> </h2> 
            <p id="slide14p1" class="hh"></p>
           </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
   </div> 
   <div id="footer"> 
    <div class="map"> 
     <div class="sect"> 
      <div class="side_bar"> 
       <div class="side_head"> 
        <h3 id="addshow"></h3> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="address"> 
        <p> E-mail: <a href="" id="emailshow"></a> </p> 
    </div> 
   </div> 
  </div> 
  <div id="my">
      <div class="my-item">
          <div class="btn" onclick="openModel('tab2', 'tab1')">Modify image and text</div>
          <div></div>
      </div>
  </div>
  <div class="model"></div>
  <div class="modelbox">
      <div id="tab1" class="tabbox">
      </div>
      <div id="tab2" class="tabbox">
          <div class="my-item my-item2">
              <div>module1:</div>
              <div class="flex1">
                  <div class="flex">
                      <span style="width: 70px;">Back Img:</span>
                      <div>
                          <img style="width: 200px;height: auto;" id="slide11img" src="images/tm.png" alt="">
                          <div style="margin-top: 10px;">
                              <form action="http://storeapi.czmb.top/api/local/image" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit1(event)" target="frameName1">  
                                  <div class="flex flexL">
                                      <div class="flex1">
                                          <input type="file" name="image" onchange="handleFileChange('bj1', event)">  
                                          <input type="hidden" name="noid" value="1">  
                                          <input type="hidden" name="filename" value="" id="uploadlogosrc1"> 
                                      </div> 
                                      <div style="width: 100px;justify-content: end;" class="flex flexL">
                                          <img class="tipsimg" id="logotips11" src="images/error.png" alt="">
                                          <img class="tipsimg" id="logotips12" src="images/success.png" alt="">
                                          <button id="uploadlogo1" type="submit" class="none">Upload image</button>
                                      </div>
                                  </div> 
                              </form>
                              <div class="modeliframe">
                                  <iframe src="" frameborder="0" name="frameName1"></iframe>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="flex" style="margin-top: 10px;">
                      <span style="width: 70px;">Title:</span>
                      <input id="slide11_text1"></textarea>
                  </div>
                  <div class="flex" style="margin-top: 10px;">
                      <span style="width: 70px;">Content:</span>
                      <textarea id="slide11_text2" cols="34" rows="8"></textarea>
                  </div>
              </div>
          </div>
          <div class="my-item my-item2">
              <div>module2:</div>
              <div class="flex1">
                  <div class="flex">
                      <span style="width: 70px;">Back Img:</span>
                      <div>
                          <img style="width: 200px;height: auto;" id="slide12img" src="images/tm.png" alt="">
                          <div style="margin-top: 10px;">
                              <form action="http://storeapi.czmb.top/api/local/image" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit2(event)" target="frameName2">  
                                  <div class="flex flexL">
                                      <div class="flex1">
                                          <input type="file" name="image" onchange="handleFileChange('bj2', event)">  
                                          <input type="hidden" name="noid" value="1">  
                                          <input type="hidden" name="filename" value="" id="uploadlogosrc2"> 
                                      </div> 
                                      <div style="width: 100px;justify-content: end;" class="flex flexL">
                                          <img class="tipsimg" id="logotips21" src="images/error.png" alt="">
                                          <img class="tipsimg" id="logotips22" src="images/success.png" alt="">
                                          <button id="uploadlogo2" type="submit" class="none">Upload image</button>
                                      </div>
                                  </div> 
                              </form>
                              <div class="modeliframe">
                                  <iframe src="" frameborder="0" name="frameName2"></iframe>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="flex" style="margin-top: 10px;">
                      <span style="width: 70px;">Title:</span>
                      <input id="slide12_text1"></textarea>
                  </div>
                  <div class="flex" style="margin-top: 10px;">
                      <span style="width: 70px;">Content:</span>
                      <textarea id="slide12_text2" cols="34" rows="8"></textarea>
                  </div>
              </div>
          </div>
          <div class="my-item my-item2">
              <div>module3:</div>
              <div class="flex1">
                  <div class="flex">
                      <span style="width: 70px;">Back Img:</span>
                      <div>
                          <img style="width: 200px;height: auto;" id="slide13img" src="images/tm.png" alt="">
                          <div style="margin-top: 10px;">
                              <form action="http://storeapi.czmb.top/api/local/image" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit3(event)" target="frameName3">  
                                  <div class="flex flexL">
                                      <div class="flex1">
                                          <input type="file" name="image" onchange="handleFileChange('bj3', event)">  
                                          <input type="hidden" name="noid" value="1">  
                                          <input type="hidden" name="filename" value="" id="uploadlogosrc3"> 
                                      </div> 
                                      <div style="width: 100px;justify-content: end;" class="flex flexL">
                                          <img class="tipsimg" id="logotips31" src="images/error.png" alt="">
                                          <img class="tipsimg" id="logotips32" src="images/success.png" alt="">
                                          <button id="uploadlogo3" type="submit" class="none">Upload image</button>
                                      </div>
                                  </div> 
                              </form>
                              <div class="modeliframe">
                                  <iframe src="" frameborder="0" name="frameName3"></iframe>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="flex" style="margin-top: 10px;">
                      <span style="width: 70px;">Title:</span>
                      <input id="slide13_text1"></textarea>
                  </div>
                  <div class="flex" style="margin-top: 10px;">
                      <span style="width: 70px;">Content:</span>
                      <textarea id="slide13_text2" cols="34" rows="8"></textarea>
                  </div>
              </div>
          </div>
          <div class="my-item my-item2">
              <div>module4:</div>
              <div class="flex1">
                  <div class="flex">
                      <span style="width: 70px;">Back Img:</span>
                      <div>
                          <img style="width: 200px;height: auto;" id="slide14img" src="images/tm.png" alt="">
                          <div style="margin-top: 10px;">
                              <form action="http://storeapi.czmb.top/api/local/image" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit4(event)" target="frameName4">  
                                  <div class="flex flexL">
                                      <div class="flex1">
                                          <input type="file" name="image" onchange="handleFileChange('bj4', event)">  
                                          <input type="hidden" name="noid" value="1">  
                                          <input type="hidden" name="filename" value="" id="uploadlogosrc4"> 
                                      </div> 
                                      <div style="width: 100px;justify-content: end;" class="flex flexL">
                                          <img class="tipsimg" id="logotips41" src="images/error.png" alt="">
                                          <img class="tipsimg" id="logotips42" src="images/success.png" alt="">
                                          <button id="uploadlogo4" type="submit" class="none">Upload image</button>
                                      </div>
                                  </div> 
                              </form>
                              <div class="modeliframe">
                                  <iframe src="" frameborder="0" name="frameName4"></iframe>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="flex" style="margin-top: 10px;">
                      <span style="width: 70px;">Title:</span>
                      <input id="slide14_text1"></textarea>
                  </div>
                  <div class="flex" style="margin-top: 10px;">
                      <span style="width: 70px;">Content:</span>
                      <textarea id="slide14_text2" cols="34" rows="8"></textarea>
                  </div>
              </div>
          </div>
          <div class="my-item">
              <div></div>
              <div class="btn" onclick="saveModel2()">Save</div>
              <div class="btn3" onclick="closeModel2()">Close</div>
          </div>
      </div>
  </div>
  <script>
//   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
//   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
//   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
//   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

//   ga('create', 'UA-49113802-1', 'mrsourcing.com');
//   ga('send', 'pageview');
        let websiteobj = {
            backcolor: '',
            shoeba: '',
            page1: '',
            page2: '',
            page3: '',
            page4: '',
            page5: '',
            page6: '',
            tel: '',
            logo: {
                src: '',
                v: 1,
            },
            slide11: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide12: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide13: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide14: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide21: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide22: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide23: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide24: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide31: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide32: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide33: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide34: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide41: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide42: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide43: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide44: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide51: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide52: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide53: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide54: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide61: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide62: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide63: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide64: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            add: '',
            email: ''
        }
        let isChangeLogo = false; // 是否改了logo
        let isChangeLogo1 = false; // 是否改了1
        let isChangeLogo2 = false; // 是否改了2
        let isChangeLogo3 = false; // 是否改了3
        let isChangeLogo4 = false; // 是否改了4
        window.onload=function(){
            if(localStorage.getItem('aol')){
                $('#my').show();
            }
            let locadata = localStorage.getItem('websiteobj');
            if(locadata){
                const valueObj = JSON.parse(locadata);
                setWebValue(valueObj);
            }
            $.post('http://storeapi.czmb.top/api/config/get/by/key', {key: 'aollaaltd'}, function(res){
                localStorage.setItem('websiteobj', res.data.value);
                const valueObj = JSON.parse(res.data.value);
                setWebValue(valueObj);
            })
        }
        function setWebValue (obj) {
            const valueObj = obj;
            if(!valueObj.logo){
                valueObj.logo = {
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide11){
                valueObj.slide11 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide12){
                valueObj.slide12 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide13){
                valueObj.slide13 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide14){
                valueObj.slide14 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide21){
                valueObj.slide21 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide22){
                valueObj.slide22 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide23){
                valueObj.slide23 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide24){
                valueObj.slide24 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide31){
                valueObj.slide31 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide32){
                valueObj.slide32 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide33){
                valueObj.slide33 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide34){
                valueObj.slide34 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide41){
                valueObj.slide41 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide42){
                valueObj.slide42 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide43){
                valueObj.slide43 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide44){
                valueObj.slide44 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide51){
                valueObj.slide51 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide52){
                valueObj.slide52 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide53){
                valueObj.slide53 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide54){
                valueObj.slide54 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide61){
                valueObj.slide61 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide62){
                valueObj.slide62 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide63){
                valueObj.slide63 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide64){
                valueObj.slide64 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            websiteobj = valueObj;
           //  console.log(websiteobj);
            if(websiteobj.page2){
                document.title = websiteobj.page2;
            }
            if(websiteobj.backcolor){
                $('.home_block .block_1').css('background', websiteobj.backcolor);
                $('.home_block .block_2').css('background', websiteobj.backcolor);
                $('.home_block .block_3').css('background', websiteobj.backcolor);
                $('.home_block .block_4').css('background', websiteobj.backcolor);
            }
            $('#telshow').text(websiteobj.tel);
            $('#addshow').text(websiteobj.add);
            $('#emailshow').text(websiteobj.email);
            $('#emailshow').attr('href', 'mailto:' + websiteobj.email);
            $('#logoimg').attr('src', valueObj.logo.src+'?v='+valueObj.logo.v);

            $('#slide11backimg').attr('style', `background:url('${valueObj.slide21.src+'?v='+valueObj.slide21.v}') top left no-repeat;`);
            $('#slide11img').attr('src', valueObj.slide21.src+'?v='+valueObj.slide21.v);
            $('#slide11h1').text(websiteobj.slide21.text1);
            $('#slide11p1').text(websiteobj.slide21.text2);
            $('#slide11_text1').val(websiteobj.slide21.text1);
            $('#slide11_text2').val(websiteobj.slide21.text2);
            
            $('#slide12backimg').attr('style', `background:url('${valueObj.slide22.src+'?v='+valueObj.slide22.v}') top left no-repeat;`);
            $('#slide12img').attr('src', valueObj.slide22.src+'?v='+valueObj.slide22.v);
            $('#slide12h1').text(websiteobj.slide22.text1);
            $('#slide12p1').text(websiteobj.slide22.text2);
            $('#slide12_text1').val(websiteobj.slide22.text1);
            $('#slide12_text2').val(websiteobj.slide22.text2);
            
            $('#slide13backimg').attr('style', `background:url('${valueObj.slide23.src+'?v='+valueObj.slide23.v}') top left no-repeat;`);
            $('#slide13img').attr('src', valueObj.slide23.src+'?v='+valueObj.slide23.v);
            $('#slide13h1').text(websiteobj.slide23.text1);
            $('#slide13p1').text(websiteobj.slide23.text2);
            $('#slide13_text1').val(websiteobj.slide23.text1);
            $('#slide13_text2').val(websiteobj.slide23.text2);
            
            $('#slide14backimg').attr('style', `background:url('${valueObj.slide24.src+'?v='+valueObj.slide24.v}') top left no-repeat;`);
            $('#slide14img').attr('src', valueObj.slide24.src+'?v='+valueObj.slide24.v);
            $('#slide14h1').text(websiteobj.slide24.text1);
            $('#slide14p1').text(websiteobj.slide24.text2);
            $('#slide14_text1').val(websiteobj.slide24.text1);
            $('#slide14_text2').val(websiteobj.slide24.text2);
        }
        function openModel(id, id2){
            $('#tel').val(websiteobj.tel);
            $('#add').val(websiteobj.add);
            $('#email').val(websiteobj.email);
            $(".model").show();
            $(".modelbox").show();
            $("#"+id2).hide();
            $("#"+id).show();
        }
        function closeModel(){
            isChangeLogo = false;
            $(".model").hide();
            $(".modelbox").hide();
        }
        function closeModel2(){
            isChangeLogo1 = false;
            isChangeLogo2 = false;
            isChangeLogo3= false;
            isChangeLogo4 = false;
            $(".model").hide();
            $(".modelbox").hide();
        }
        function saveModel(){
            if(isChangeLogo){
                $('#logotips2').hide();
                $('#logotips1').show();
                return;
            }
            websiteobj.tel = $('#tel').val() || '';
            websiteobj.add = $('#add').val() || '';
            websiteobj.email = $('#email').val() || '';
            ////  console.log(websiteobj);
            $.post('http://storeapi.czmb.top/api/config/set', {key: 'aollaaltd', value: JSON.stringify(websiteobj)}, function(res){
                ////  console.log(res);
                location.reload();
            })
        }
        function saveModel2(){
            if(isChangeLogo1){
                $('#logotips12').hide();
                $('#logotips11').show();
                return;
            }
            if(isChangeLogo2){
                $('#logotips22').hide();
                $('#logotips21').show();
                return;
            }
            if(isChangeLogo3){
                $('#logotips32').hide();
                $('#logotips31').show();
                return;
            }
            if(isChangeLogo4){
                $('#logotips42').hide();
                $('#logotips41').show();
                return;
            }
            websiteobj.slide21.text1 = $('#slide11_text1').val() || '';
            websiteobj.slide21.text2 = $('#slide11_text2').val() || '';
            websiteobj.slide22.text1 = $('#slide12_text1').val() || '';
            websiteobj.slide22.text2 = $('#slide12_text2').val() || '';
            websiteobj.slide23.text1 = $('#slide13_text1').val() || '';
            websiteobj.slide23.text2 = $('#slide13_text2').val() || '';
            websiteobj.slide24.text1 = $('#slide14_text1').val() || '';
            websiteobj.slide24.text2 = $('#slide14_text2').val() || '';
            ////  console.log(websiteobj);
            $.post('http://storeapi.czmb.top/api/config/set', {key: 'aollaaltd', value: JSON.stringify(websiteobj)}, function(res){
                ////  console.log(res);
                location.reload();
            })
        }
        function handleSubmit(event) {
            setTimeout(() => {
                $('#logotips1').hide();
                $('#logotips2').show();
                isChangeLogo = false;
            }, 2000);
        }
        function handleSubmit1(event) {
            setTimeout(() => {
                $('#logotips11').hide();
                $('#logotips12').show();
                isChangeLogo1 = false;
            }, 2000);
        }
        function handleSubmit2(event) {
            setTimeout(() => {
                $('#logotips21').hide();
                $('#logotips22').show();
                isChangeLogo2 = false;
            }, 2000);
        }
        function handleSubmit3(event) {
            setTimeout(() => {
                $('#logotips31').hide();
                $('#logotips32').show();
                isChangeLogo3 = false;
            }, 2000);
        }
        function handleSubmit4(event) {
            setTimeout(() => {
                $('#logotips41').hide();
                $('#logotips42').show();
                isChangeLogo4 = false;
            }, 2000);
        }
        function handleFileChange(type, event) {
           //  console.log(type, event);
            if(type == 'logo' && event){
                const fileName = event.target.files[0].name.split('.');
                const fileTypeName = fileName[fileName.length-1];
                const logoName = 'logo.'+fileTypeName;
                $('#uploadlogo').show();
                $('#uploadlogosrc').val(logoName);
                websiteobj.logo.src = 'http://storeapi.czmb.top/storage/image/testimg/' + logoName;
                websiteobj.logo.v++;
               //  console.log(websiteobj);
                isChangeLogo = true;
            }
            if(type == 'bj1' && event){
                const fileName = event.target.files[0].name.split('.');
                const fileTypeName = fileName[fileName.length-1];
                const logoName = 'slide21.'+fileTypeName;
                $('#uploadlogo1').show();
                $('#uploadlogosrc1').val(logoName);
                websiteobj.slide21.src = 'http://storeapi.czmb.top/storage/image/testimg/' + logoName;
                websiteobj.slide21.v++;
               //  console.log(websiteobj);
                isChangeLogo1 = true;
            }
            if(type == 'bj2' && event){
                const fileName = event.target.files[0].name.split('.');
                const fileTypeName = fileName[fileName.length-1];
                const logoName = 'slide22.'+fileTypeName;
                $('#uploadlogo2').show();
                $('#uploadlogosrc2').val(logoName);
                websiteobj.slide22.src = 'http://storeapi.czmb.top/storage/image/testimg/' + logoName;
                websiteobj.slide22.v++;
               //  console.log(websiteobj);
                isChangeLogo2 = true;
            }
            if(type == 'bj3' && event){
                const fileName = event.target.files[0].name.split('.');
                const fileTypeName = fileName[fileName.length-1];
                const logoName = 'slide23.'+fileTypeName;
                $('#uploadlogo3').show();
                $('#uploadlogosrc3').val(logoName);
                websiteobj.slide23.src = 'http://storeapi.czmb.top/storage/image/testimg/' + logoName;
                websiteobj.slide23.v++;
               //  console.log(websiteobj);
                isChangeLogo3 = true;
            }
            if(type == 'bj4' && event){
                const fileName = event.target.files[0].name.split('.');
                const fileTypeName = fileName[fileName.length-1];
                const logoName = 'slide24.'+fileTypeName;
                $('#uploadlogo4').show();
                $('#uploadlogosrc4').val(logoName);
                websiteobj.slide24.src = 'http://storeapi.czmb.top/storage/image/testimg/' + logoName;
                websiteobj.slide24.v++;
               //  console.log(websiteobj);
                isChangeLogo4 = true;
            }
        }
        // function logochange(event){
        //    //  console.log(event);
        //     const files = event.target.files;
        //    //  console.log(files[0]);
        //     let formData = new FormData();
        //     formData.append('image', files[0]);
        //     formData.append('noid', 1);
        //     $.ajax({
        //         url: 'http://storeapi.czmb.top/api/local/image', // 服务器端处理上传的URL
        //         type: 'POST',
        //         data: formData,
        //         processData: false,  // 告诉jQuery不要处理发送的数据
        //         contentType: false,  // 告诉jQuery不要设置Content-Type请求头
        //         success: function(response) {
        //            //  console.log('文件上传成功', response);
        //         },
        //         error: function(xhr, status, error) {
        //             console.error('文件上传失败', error);
        //         }
        //     });
        // }

</script>   
 </body>
</html>